<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>套图查看</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <style type="text/css">
        .bt {
            text-align: center;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    </style>
</head>

<body class="gray-bg">
<br>
<br>
<div class="col-sm-1"></div>
<div class="col-sm-7 row border-bottom white-bg dashboard-header">
    <div class="optionK" th:value="${fileUrl.id}" th:each="fileUrl : ${fileUrlList}">
        <img th:src="${fileUrl.fileUrl}" width="100%">
        <div class="bt" th:title="${fileUrl.fileName}" th:text="${fileUrl.fileName}"></div>
    </div>
</div>
<div class="col-sm-4">
    推荐区
</div>

<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<th:block th:include="include :: footer"/>
<script th:inline="javascript">


</script>
</body>
</html>
